<template>
  <view class="box">
    <view class="tou top fixed" :style="'padding-top:' + statusBarHeight1 + 'px'">
      <image
        @click="fanhui"
        src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png"
      />
    </view>
    <view class="tou top" :style="'padding-top:' + statusBarHeight1 + 'px'"></view>
    <view class="sousuo">
      <image src="https://pic.bangbangtongcheng.com/static/sousuo2.png" />
      <input type="text" v-model="search" placeholder="搜索" />
      <!-- <view class="quxiao" v-if="!search" @click="back">取消</view>
      <view class="quxiao" v-if="search" @click="searchList">搜索</view>-->
      <view class="quxiao" @click="searchList">搜索</view>
    </view>
    <scroll-view
      class="scroll-view"
      :style="'height:calc( 100vh - ' + statusBarHeight + 'px - 102rpx)'"
      scroll-y
      @scrolltolower="down"
      refresher-background="#f5f5f5"
      v-if="  searchlogType == 1"
    >
      <view class="lishi" v-if="!ss && recordList.length > 0">
        <span style="font-size: 30rpx; color: #333333">历史记录</span>
        <image
          @click="delrecord"
          src="https://pic.bangbangtongcheng.com/static/shan.png"
        />
      </view>
      <view class="list list1 house" v-if="!ss && recordList.length > 0">
        <view
          class="li1"
          v-for="item in recordList"
          @click="recordC(item.keyword)"
          :key="item"
          >{{ item.keyword }}</view
        >
      </view>
      <view
        class="li li2"
        v-for="(item, index) in Recommend"
        :key="index"
        @click="details(item)"
      >
        <view
          class="itemLabelCountDown"
          v-if="item.up_status == 1 && item.examine_status == 2"
        >
          有效期{{ 30 - item.daysSinceCreateDate }}天
        </view>
        
        <view
          class="itemLabel"
          v-if="item.up_status == 0 && item.newRelease == 1 && item.examine_status == 2"
        >
          <image
            src="https://pic.bangbangtongcheng.com/static/MyPublic/newPublic.png"
            style="width: 136rpx; height: 56rpx"
          ></image>
        </view>
        
        <view
          class="itemLabel"
          style="top: -10rpx"
          v-if="item.up_status == 0 && item.newRelease == 0 && item.examine_status == 2"
        >
          <image
            src="https://pic.bangbangtongcheng.com/static/MyPublic/pause.png"
            style="width: 136rpx; height: 56rpx"
          ></image>
        </view>
        
        <view class="leftImgBox">
          <image
            mode="aspectFit"
            class="img1"
            v-if="TabCur1 == 3"
            :src="
              item.display_diagram != 'undefined'
                ? item.display_diagram
                  ? item.display_diagram
                  : 'https://pic.bangbangtongcheng.com/05060cbc5de941ff948da893a9cdbf3e'
                : 'https://pic.bangbangtongcheng.com/05060cbc5de941ff948da893a9cdbf3e'
            "
            @click="details(item)"
          />
          <image
            v-else
            class="img1"
            :src="
              item.display_diagram
                ? item.display_diagram
                : imgUrl + item.house_image.split('|')[0]
            "
            @click="details(item)"
          />
          <span class="shareImgLabel" v-if="item.is_share == 1">已共享</span>
        </view>
        
        <image
          class="img3"
          :style="width == 290 ? 'left:72rpx' : 'left:20rpx'"
          src="https://pic.bangbangtongcheng.com/static/shenhe.png"
          @click="details(item)"
          v-if="item.examine_status == 1 && TabCur1 != 3"
        />
        <view class="li_1" @click="details(item)" style="width:400rpx">
          <view class="tit globalTitleStyle">
            <span class="tagLabel">{{
              item.transaction_type == 1 ? '出租房' : item.new_old == 1 ? '新房' : '二手房'
            }}</span>
            {{ item.title }}
          </view>
          <view>
            <view
              class="neirong_1"
              style="margin-bottom: 15rpx"
              v-if="item.region || item.cell_name"
            >
              <view class="neir_css">
                <image
                  v-if="item.region"
                  class="cardImageIcon"
                  src="https://pic.bangbangtongcheng.com/static/bbcz/index-location.png"
                >
                </image
                >{{ item.region }}
              </view>
              <view class="neir_css">
                <image
                  v-if="item.cell_name"
                  class="cardImageIcon"
                  src="https://pic.bangbangtongcheng.com/static/bbcz/index-xiaoqu.png"
                >
                </image
                >{{ item.cell_name || '' }}
              </view>
            </view>
            <view
              class="neirong_1"
              style="margin-bottom: 15rpx"
              v-if="item.floors || item.house_type"
            >
              <view class="neir_css">
                <image
                  v-if="item.floors"
                  class="cardImageIcon"
                  src="https://pic.bangbangtongcheng.com/static/bbcz/index-louceng.png"
                >
                </image
                >{{ item.floors == '0层/共0层' ? '' : item.floors }}
              </view>
              <view class="neir_css">
                <image
                  v-if="item.house_type"
                  class="cardImageIcon"
                  src="https://pic.bangbangtongcheng.com/static/bbcz/index-huxing.png"
                >
                </image
                >{{ item.house_type || '' }}
              </view>
            </view>
            <view class="neirong_1" v-if="item.AREA || item.area">
              <view class="neir_css" style>
                <image
                  v-if="item.AREA || item.area"
                  class="cardImageIcon"
                  src="https://pic.bangbangtongcheng.com/static/bbcz/index-pingfang.png"
                >
                </image
                >{{ item.AREA || item.area }}㎡
              </view>
            </view>
            <view class="neirong_1" style="text-align: right; margin-top: -40rpx">
              <view class="price neir_css" v-if="item.transaction_type == 2">
                {{ item.price }}万
              </view>
              <view
                class="price neir_css"
                v-if="item.transaction_type == 1 && item.price <= 10000"
              >
                {{ item.price }}元{{ item.transaction_type == 1 ? '/月' : '' }}
              </view>
              <view
                class="price neir_css"
                v-if="item.transaction_type == 1 && item.price > 10000"
              >
                {{ item.price / 10000 }}万元
              </view>
            </view>
          </view>
        </view>
   <!--     <view class="HousCondition" v-if="userQuery && item.examine_status == 2">
          <view class=""></view>
          <view class="status">
            <view class="item" v-if="item.up_status == 1">已上架</view>
            <view class="item" v-if="item.up_status == 0">已下架</view>
            <view class="item" v-if="item.STATUS == 1">已租售</view>
            
          </view>
        </view> -->
      </view>
      <view v-if="Recommend.length == 0 && !firstSearch" class="none">
        <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
        <view>没有更多数据了</view>
      </view>
      <view class="down" v-show="Recommend.length != 0 && !downStatus">没有更多了</view>
    </scroll-view>
    <!-- 楼盘 -->
    <scroll-view
      class="scroll-view"
      :style="'height:calc( 100vh - ' + statusBarHeight + 'px - 102rpx )'"
      scroll-y
      @scrolltolower="down"
      refresher-background="#f5f5f5"
      v-if="searchlogType == 2"
    >
      <view class="lishi" v-if="!ss && recordList.length > 0">
        <span style="font-size: 30rpx; color: #333333">历史记录</span>
        <image
          @click="delrecord"
          src="https://pic.bangbangtongcheng.com/static/shan.png"
        />
      </view>
      <view class="list1" v-if="!ss && recordList.length > 0">
        <view
          class="li1"
          v-for="item in recordList"
          @click="recordC(item.keyword)"
          :key="item"
          >{{ item.keyword }}</view
        >
      </view>
      <view
        class="li"
        v-for="(item1, index1) in Recommend"
        :key="index1"
        @click="detailss(item1.id)"
      >
        <image :src="item1.showImg" />
        <view class="li_1">
          <view class="tit">{{ item1.title }}</view>
          <view class="jiedao">地址：{{ item1.address }}</view>
          <view class="shijian">
            <span>均价：</span>
            <span
              style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
              v-if="item1.averagePrice > 10000"
              >{{ (item1.averagePrice / 10000) | nums }}万/㎡</span
            >
            <span
              style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
              v-else
              >{{
                isNaN(item1.averagePrice)
                  ? item1.averagePrice
                  : item1.averagePrice + "/㎡"
              }}</span
            >
          </view>
        </view>
      </view>
      <view v-if="Recommend.length == 0 && !firstSearch" class="none">
        <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
        <view>没有更多数据了</view>
      </view>
      <view class="down" v-show="Recommend.length != 0 && !downStatus">没有更多了</view>
    </scroll-view>

    <!-- 中介 -->
    <scroll-view
      class="scroll-view"
      :style="'height:calc( 100vh - ' + statusBarHeight + 'px - 102rpx )'"
      scroll-y
      @scrolltolower="down"
      refresher-background="#f5f5f5"
      v-if="searchlogType == 3"
    >
      <view class="lishi" v-if="!ss && recordList.length > 0">
        <span style="font-size: 30rpx; color: #333333">历史记录</span>
        <image
          @click="delrecord"
          src="https://pic.bangbangtongcheng.com/static/shan.png"
        />
      </view>
      <view class="list1" v-if="!ss && recordList.length > 0">
        <view
          class="li1"
          v-for="item in recordList"
          @click="recordC(item.keyword)"
          :key="item"
          >{{ item.keyword }}</view
        >
      </view>
      <view
        class="li"
        v-for="(item3, index3) in Recommend"
        :key="index3"
        @click="details2(item3.id)"
      >
        <image :src="imgUrl + item3.image" />
        <view class="li_1">
          <view class="tit">{{ item3.shopName }}</view>
          <view class="jiedao">地址：{{ item3.shopArea }}</view>
          <view class="shijian">
            <span
              style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
              >{{ item3.houseNum || 0 }}套</span
            >
            <span>在售/在租</span>
          </view>
        </view>
      </view>
      <view v-if="Recommend.length == 0 && !firstSearch" class="none">
        <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
        <view>没有更多数据了</view>
      </view>
      <view class="down" v-show="Recommend.length != 0 && !downStatus">没有更多了</view>
    </scroll-view>
    <!-- 看点 -->
    <scroll-view
      class="scroll-view"
      :style="'height:calc( 100vh - ' + statusBarHeight + 'px - 102rpx )'"
      scroll-y
      @scrolltolower="down"
      refresher-background="#f5f5f5"
      v-if="searchlogType == 4"
    >
      <view class="lishi" v-if="!ss && recordList.length > 0">
        <span style="font-size: 30rpx; color: #333333">历史记录</span>
        <image
          @click="delrecord"
          src="https://pic.bangbangtongcheng.com/static/shan.png"
        />
      </view>
      <view class="list1" v-if="!ss && recordList.length > 0">
        <view
          class="li1"
          v-for="item in recordList"
          @click="recordC(item.keyword)"
          :key="item"
          >{{ item.keyword }}</view
        >
      </view>
      <view
        class="li"
        v-for="(item4, index4) in Recommend"
        :key="index4"
        @click="details3(item4.id)"
      >
        <image :src="imgUrl + item4.image" />
        <view class="li_1">
          <view class="tit">{{ item4.title }}</view>
          <view class="shijian authors">
            <span style="margin-right: 14rpx">{{ item4.author }}</span>
            <span>{{ item4.createDate }}</span>
          </view>
        </view>
      </view>
      <view v-if="Recommend.length == 0 && !firstSearch" class="none">
        <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
        <view>没有更多数据了</view>
      </view>
      <view class="down" v-show="Recommend.length && !downStatus">没有更多了</view>
    </scroll-view>
	
	<!-- 汽车 -->
	<scroll-view
	  class="scroll-view"
	  :style="'height:calc( 100vh - ' + statusBarHeight + 'px - 102rpx )'"
	  scroll-y
	  @scrolltolower="down"
	  refresher-background="#f5f5f5"
	  v-if=" searchlogType == 7"
	>
	<template>
		<view class="lishi" v-if=" !ss && recordList.length > 0">
		  <span style="font-size: 30rpx; color: #333333">历史记录</span>
		  <image
		    @click="delrecord"
		    src="https://pic.bangbangtongcheng.com/static/shan.png"
		  />
		</view>
		<view class="list1"  v-if="!ss && recordList.length > 0">
		  <view
		    class="li1"
		    v-for="item in recordList"
		    @click="recordC(item.keyword)"
		    :key="item"
		    >{{ item.keyword }}</view
		  >
		</view>
	  <view class="list list1" @click.stop="scrollDown">
	      <view
	        class="li vehicle"
	        style="display: block"
	        v-for="(item, index) in Recommend"
	        :class="
	          item.shelfStatus === '1' || item.shelfStatus === '0' ? 'itemLabelShowPadding' : ''
	        "
	        :key="index"
	      >
	        <view style="display: flex" @click="details5(item)">
	          <view
	            class="itemLabelCountDown"
	            v-if="item.shelfStatus === '1' && !item.drafterBy && item.auditStatus == 1"
	          >
	            有效期{{ 30 - item.daysSinceCreateDate }}天
	          </view>
	
	          <view
	            class="itemLabel"
	            v-if="item.shelfStatus == 0 && item.newRelease == 1 && item.auditStatus == 1"
	          >
	            <image
	              src="https://pic.bangbangtongcheng.com/static/MyPublic/newPublic.png"
	              style="width: 136rpx; height: 56rpx"
	            ></image>
	          </view>
	
	          <view
	            class="itemLabel"
	            style="top: -10rpx"
	            v-if="item.shelfStatus == 0 && item.newRelease == 0 && item.auditStatus == 1"
	          >
	            <image
	              src="https://pic.bangbangtongcheng.com/static/MyPublic/pause.png"
	              style="width: 136rpx; height: 56rpx"
	            ></image>
	          </view>
	
	          <view class="leftImgBox">
	            <image class="img1" :src="item.vehicleCoverPicture" />
	            <span class="shareImgLabel" v-if="item.isShare == 1">已共享</span>
	          </view>
	
	          <image
	            class="img2"
	            v-if="searchlogType == 1 && item.saleStatus == 1"
	            src="https://pic.bangbangtongcheng.com/static/bbcz/yishouchu.png"
	          />
	          <image
	            class="img3"
	            src="https://pic.bangbangtongcheng.com/static/shenhe.png"
	            v-if="item.auditStatus == 0 && searchlogType != 3"
	          />
	          <view class="li_2" >
	            <view class="vehicleRecom globalTitleStyle">
	              <!-- <span class="tagLabel">{{item.vehicleType==1?'到店新车':'二手车'}}</span> -->
	              <span class="tagLabel">{{
	                item.vehicleType == 1
	                  ? '到店新车'
	                  : item.vehicleType == 2
	                  ? '二手车'
	                  : '在售车系'
	              }}</span
	              >{{ item.title }}
	            </view>
	            <view class="neirong_1">
	              <view
	                class="neir_css"
	                v-if="item.licensingTimeYear && item.licensingTimeMonth"
	              >
	                <image
	                  class="cardImageIcon"
	                  src="https://pic.bangbangtongcheng.com/static/bbcz/index-licensing.png"
	                />
	                {{ item.licensingTimeYear }}年{{ item.licensingTimeMonth }}月上牌
	              </view>
	              <view class="neir_css" v-if="item.mileage && item.mileage <= 10000">
	                <image
	                  class="cardImageIcon"
	                  src="https://pic.bangbangtongcheng.com/static/bbcz/index-mileage.png"
	                />
	                {{ item.mileage }}公里
	              </view>
	              <view class="neir_css" v-if="item.mileage && item.mileage > 10000">
	                <image
	                  class="cardImageIcon"
	                  src="https://pic.bangbangtongcheng.com/static/bbcz/index-mileage.png"
	                />
	                {{ item.mileage / 10000 }}万公里
	              </view>
	              <view
	                class="neir_css"
	                v-if="
	                  item.vehicleType != 2 &&
	                  item.vehicleBrandModel &&
	                  item.vehicleBrandModel.split('|').length >= 2
	                "
	              >
	                <image
	                  class="cardImageIcon"
	                  src="https://pic.bangbangtongcheng.com/static/MyPublic/car-brand.png"
	                />
	                {{ item.vehicleBrandModel.split('|')[0] }}
	              </view>
	              <view
	                class="neir_css"
	                v-if="
	                  item.vehicleType != 2 &&
	                  item.vehicleBrandModel &&
	                  item.vehicleBrandModel.split('|').length >= 2
	                "
	              >
	                <image
	                  class="cardImageIcon"
	                  src="https://pic.bangbangtongcheng.com/static/MyPublic/car-model.png"
	                />
	                {{ item.vehicleBrandModel.split('|')[1] }}
	              </view>
	            </view>
	            <view style="text-align: right" class="price" v-if="item.vehicleType != 3">
	              {{ item.price }}万
	            </view>
	            <view
	              style="text-align: right"
	              class="price"
	              v-else-if="item.intervalPrice && item.intervalPrice.split('-').length > 1"
	            >
	              {{ item.intervalPrice }}万
	            </view>
	            <view style="text-align: right" class="price" v-else>
	              {{ item.intervalPrice }}
	            </view>
	          </view>
	        </view>
	      </view>
		  </view>
	    </template>
	 <view v-if="Recommend.length == 0 && !firstSearch" class="none">
	    <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
	    <view>没有更多数据了</view>
	  </view>
	  <view class="down" v-show="Recommend.length && !downStatus">没有更多了</view>
	</scroll-view>
	
	<!-- 招聘 -->
	<scroll-view
	  class="scroll-view"
	  :style="'height:calc( 100vh - ' + statusBarHeight + 'px - 102rpx )'"
	  scroll-y
	  @scrolltolower="down"
	  refresher-background="#f5f5f5"
	  v-if=" searchlogType == 6"
	>

	<template >
		<view class="lishi" v-if=" !ss && recordList.length > 0">
		  <span style="font-size: 30rpx; color: #333333">历史记录</span>
		  <image
		    @click="delrecord"
		    src="https://pic.bangbangtongcheng.com/static/shan.png"
		  />
		</view>
		<view class="list1"  v-if="!ss && recordList.length > 0">
		  <view
		    class="li1"
		    v-for="item in recordList"
		    @click="recordC(item.keyword)"
		    :key="item"
		    >{{ item.keyword }}</view
		  >
		</view>
          <view class="list list1" @click.stop="scrollDown">
            <template >
              <view
                class="li"
                v-for="(item, index) in Recommend"
                :key="index"
                :class="
                  item.shelfStatus === '1' || item.shelfStatus === '0' ? 'itemLabelShowPadding' : ''
                "
              >
                <view class="vacancy" @click="zpdetails(item)">
                  <view
                    class="itemLabelCountDown"
                    v-if="item.shelfStatus === '1' && !item.drafterBy"
                  >
                    有效期{{ 30 - item.daysSinceCreateDate }}天
                  </view>

                  <view
                    class="itemLabel"
                    v-if="item.shelfStatus == 0 && item.newRelease == 1 && item.auditStatus == 1"
                  >
                    <image
                      src="https://pic.bangbangtongcheng.com/static/MyPublic/newPublic.png"
                      style="width: 136rpx; height: 56rpx"
                    ></image>
                  </view>

                  <view
                    class="itemLabel"
                    style="top: -10rpx"
                    v-if="item.shelfStatus == 0 && item.newRelease == 0 && item.auditStatus == 1"
                  >
                    <image
                      src="https://pic.bangbangtongcheng.com/static/MyPublic/pause.png"
                      style="width: 136rpx; height: 56rpx"
                    ></image>
                  </view>

                  <view class="vehicleRecom">
                    <span class="tagLabel">{{ item.recruitmentType == 1 ? '全职' : '兼职' }}</span>
                    <span class="globalTitleStyle">{{ item.title }}</span>
                  </view>
                  <view class="vacancy_center">
                    <view class="vacancy_status">
                      <span style="margin-right: 46rpx">
                        <image
                          class="cardImageIcon"
                          src="https://pic.bangbangtongcheng.com/static/bbcz/index-location.png"
                        />
                        {{ item.region }}
                      </span>
                      <span>
                        <image
                          class="cardImageIcon"
                          src="https://pic.bangbangtongcheng.com/static/bbcz/index-job.png"
                        />
                        {{ item.positionCategory }}
                      </span>
                    </view>
                    <view class="vacancy_price" v-if="item.recruitmentType == 1">
                      {{
                        item.salaryRange == '面议'
                          ? '面议'
                          : item.salaryRange
                          ? item.salaryRange + '元'
                          : ''
                      }}
                    </view>
                    <view class="vacancy_price" v-else>
                      {{ item.salaryRange && item.salaryRange.split(',').join('') }}&emsp;{{
                        item.settlementMethod
                      }}
                    </view>
                  </view>
                  <view class="vacancy_biaoq" v-if="item.fringeBenefits">
                    <view class="vacancy_label">
                      <view class="shade"></view>
                      <view
                        class="label"
                        v-for="(i, j) in item.fringeBenefits.split(',')"
                        :key="j"
                        >{{ i }}</view
                      >
                    </view>
                    <view class="gend" v-if="item.fringeBenefits.split(',').length > 4">
                      <image
                        src="https://pic.bangbangtongcheng.com/static/index-gradient-right-%20arrow.png"
                      >
                      </image>
                    </view>
                  </view>

                  <view class="personalInformation" v-if="item.userInformation">
                    <view class="personalInformation_left">
                      <view class="GR">
                        <image
                          class="personalInformation_image"
                          v-if="item.userInformation.image"
                          :src="item.userInformation.image"
                          mode=""
                        ></image>
                        <image
                          class="personalInformation_image"
                          v-else
                          src="https://pic.bangbangtongcheng.com/static/my/header.png"
                          mode=""
                        ></image>
                        <span class="name">{{
                          item.userInformation.nikeName
                            ? item.userInformation.nikeName
                            : '未命名用户'
                        }}</span>
                      </view>
                      <view class="GS" v-if="item.userInformation.enterpriseRecruitmentStatus">
                        <view class="personalInformation_image"></view>
                        <span class="corporation">{{ item.enterpriseName }}</span>
                      </view>
                    </view>
                    <view class="personalInformation_right">
                      <span class="personalInformation_Time">{{
                        $Time.getDateDiff(item.createDate)
                      }}</span>
                      <span class="personalInformation_distance" v-if="item.distance"
                        >{{ item.distance }}km</span
                      >
                    </view>
                  </view>
                </view>
                <view style="border-bottom: 1rpx solid #f5f7f9; margin-top: 10rpx"></view>

 



              </view>
            </template>

            <view v-if="ss &&Recommend.length == 0" class="none">
              <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
              <view>没有更多数据了</view>
            </view>
            <view class="down" v-show="Recommend.length != 0 && !downStatus"> 没有更多了 </view>
          </view>
        </template>
      </scroll-view>
	  <!-- 服务项目 -->
	  <scroll-view
	    class="scroll-view"
	    :style="'height:calc( 100vh - ' + statusBarHeight + 'px - 102rpx )'"
	    scroll-y
	    @scrolltolower="down"
	    refresher-background="#f5f5f5"
	    v-if=" searchlogType == 8"
	  >
	  
	  <template >
	  	<view class="lishi" v-if=" !ss && recordList.length > 0">
	  	  <span style="font-size: 30rpx; color: #333333">历史记录</span>
	  	  <image
	  	    @click="delrecord"
	  	    src="https://pic.bangbangtongcheng.com/static/shan.png"
	  	  />
	  	</view>
	  	<view class="list1"  v-if="!ss && recordList.length > 0">
	  	  <view
	  	    class="li1"
	  	    v-for="item in recordList"
	  	    @click="recordC(item.keyword)"
	  	    :key="item"
	  	    >{{ item.keyword }}</view
	  	  >
	  	</view>
	        <view class="list list1" @click.stop="scrollDown">
	           <template>
	             <view
	               class="li"
	               v-for="(item, index) in Recommend"
	               :key="index"
	               :class="
	                 item.shelfStatus === '1' || item.shelfStatus === '0' ? 'itemLabelShowPadding' : ''
	               "
	             >
	               <view style="display: flex" @click="details6(item)">
	                 <view
	                   class="itemLabelCountDown"
	                   v-if="item.shelfStatus === '1' && !item.draftedBy"
	                 >
	                   有效期{{ 30 - item.daysSinceCreateDate }}天
	                 </view>
	           
	                 <view
	                   class="itemLabel"
	                   v-if="item.shelfStatus == 0 && item.newRelease == 1 && item.auditStatus == 1"
	                 >
	                   <image
	                     src="https://pic.bangbangtongcheng.com/static/MyPublic/newPublic.png"
	                     style="width: 136rpx; height: 56rpx"
	                   ></image>
	                 </view>
	           
	                 <view
	                   class="itemLabel"
	                   style="top: -10rpx"
	                   v-if="item.shelfStatus == 0 && item.newRelease == 0 && item.auditStatus == 1"
	                 >
	                   <image
	                     src="https://pic.bangbangtongcheng.com/static/MyPublic/pause.png"
	                     style="width: 136rpx; height: 56rpx"
	                   ></image>
	                 </view>
	           
	                 <image class="img1" mode="aspectFit" :src="item.coverPhoto" />
	                 <image
	                   class="img3"
	                   src="https://pic.bangbangtongcheng.com/static/shenhe.png"
	                   v-if="item.auditStatus == 0 && searchlogType != 3"
	                 />
	                 <view class="li_3" style="max-width: 436rpx">
	                   <view
	                     class="servicesAvailable"
	                     style="
	                       font-weight: 700;
	                       font-size: 32rpx;
	                       color: #000000;
	                       white-space: nowrap;
	                       overflow: hidden;
	                       text-overflow: ellipsis;
	                     "
	                   >
	                     {{ item.title }}
	                   </view>
	                   <view
	                     class="serviceContent"
	                     style="font-weight: 400; font-size: 24rpx; color: #333333"
	                   >
	                     {{ item.entryDescription }}
	                   </view>
	                 </view>
	               </view>
	             </view>
	           </template>
	  
	          <view v-if="ss &&Recommend.length == 0" class="none">
	            <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
	            <view>没有更多数据了</view>
	          </view>
	          <view class="down" v-show="Recommend.length != 0 && !downStatus"> 没有更多了 </view>
	        </view>
	      </template>
	    </scroll-view>
	<!-- 帮友圈 -->
	<scroll-view
	  class="scroll-view"
	  :style="'height:calc( 100vh - ' + statusBarHeight + 'px - 102rpx )'"
	  scroll-y
	  @scrolltolower="down"
	  refresher-background="#f5f5f5"
	  v-if=" searchlogType == 9"
	>
	
	<template >
		<view class="lishi" v-if=" !ss && recordList.length > 0">
		  <span style="font-size: 30rpx; color: #333333">历史记录</span>
		  <image
		    @click="delrecord"
		    src="https://pic.bangbangtongcheng.com/static/shan.png"
		  />
		</view>
		<view class="list1"  v-if="!ss && recordList.length > 0">
		  <view
		    class="li1"
		    v-for="item in recordList"
		    @click="recordC(item.keyword)"
		    :key="item"
		    >{{ item.keyword }}</view
		  >
		</view>
	      <view class="list list1 circle" @click.stop="scrollDown">
	              <view
	                class="circle_item"
	                v-for="item in Recommend"
	                :key="item.id"
	                @click="byqdetails(item)"
	              >
	                <view class="mingpians">
	                  <view class="mingpians_left">
	                    <view style="display: flex">
	                      <view class="headPortrait">
	                        <image
	                          class="img1"
	                          v-if="!item.userInfo.image"
	                          src="https://pic.bangbangtongcheng.com/static/my/header.png"
	                        />
	                        <image class="img1" :src="item.userInfo.image" v-else />
	                        <!-- <view class="img2" v-if="item.userInfo.isShop==1">商家</view>
	          										<view class="img2" v-else-if="item.userInfo.isShop==0 && item.userInfo.isAgent==1">经纪人</view>
	          										<view class="img2" v-else>个人</view> -->
	                      </view>
	                      <view class="counselors">
	                        <view class="counselors_top">
	                          <view class="name">{{ item.userInfo.nikeName || '未命名用户' }}</view>
	                        </view>
	                      </view>
	                    </view>
	          
	                    <view class="counselors">
	                      <!--<view class="item" @click.stop="guanzhu(item, index)">
	                        <image class="image1 circleImageIcon" v-if="item.whetherCollection == 0"
	                          src="https://pic.bangbangtongcheng.com/static/bbcz/byq-daixihuan.png" mode="">
	                        </image>
	                        <image v-else-if="item.whetherCollection == 1" class="image1 circleImageIcon"
	                          src="https://pic.bangbangtongcheng.com/static/bbcz/byq-yixihuan.png" mode="">
	                        </image>
	                      </view>-->
	                      <!-- #ifdef APP-PLUS -->
	                      <view class="item" @click.stop="fn(item)">
	                        <image
	                          class="image1 circleImageIcon"
	                          style="margin-right: 0rpx"
	                          src="https://pic.bangbangtongcheng.com/static/bbcz/share-icon.png"
	                          mode=""
	                        ></image>
	                      </view>
	                      <!-- #endif -->
	                      <!-- #ifndef APP-PLUS -->
	                      <view class="item">
	                        <image
	                          class="image1 circleImageIcon"
	                          style="margin-right: 0rpx"
	                          src="https://pic.bangbangtongcheng.com/static/bbcz/share-icon.png"
	                          mode=""
	                        ></image>
	                      </view>
	                      <!-- #endif -->
	                    </view>
	                  </view>
	                </view>
	                <view class="circle_center_wz">
	                  <view class="circle_center_wz_text">
	                    <!-- {{item.content}} -->
	                    <mote-lines-divide
	                      :dt="item.content"
	                      :line="5"
	                      expandText="展开"
	                      foldHint="收起"
	                      expandTextWidth="90rpx"
	                    />
	                  </view>
	                  <view class="circle_center_wz_img">
	                    <!-- 发布为图片 -->
	                    <template v-if="item.picture">
	                      <view v-if="item.pictureArr.length == 1">
	                        <image
	                          class="circle_center_wz_imgss"
	                          :src="item.pictureArr[0]"
	                          @click.stop="ViewImage(item.pictureArr, item.pictureArr[0])"
	                          mode="heightFix"
	                        ></image>
	                      </view>
	                      <view
	                        :class="
	                          item.pictureArr.length > 2
	                            ? 'circle_center_wz_imgss_d'
	                            : 'circle_center_wz_imgss_ds'
	                        "
	                        v-else
	                      >
	                        <image
	                          class="image"
	                          v-for="(i, j) in item.pictureArr"
	                          :src="i"
	                          :key="j"
	                          mode="aspectFill"
	                          @click.stop="ViewImage(item.pictureArr, item.pictureArr[j])"
	                        ></image>
	                      </view>
	                    </template>
	                    <!-- 发布为视频 -->
	                    <template v-if="item.video">
	                      <view class="circle_center_wz_img_vid" @click.stop="videoClick(item.video)">
	                        <image
	                          style="max-height: 290rpx; width: 100%"
	                          :src="item.video + '?vframe/jpg/offset/0'"
	                          mode="heightFix"
	                        >
	                        </image>
	                        <image
	                          class="images"
	                          src="https://pic.bangbangtongcheng.com/static/bbcz/mdlb-sp01.png"
	                          mode=""
	                        >
	                        </image
	                        ><strong></strong>
	                      </view>
	                    </template>
	                  </view>
	                </view>
	                <view
	                  style="display: flex; align-items: center; margin: 0 30rpx; margin-top: 20rpx"
	                  v-if="item.detailedAddress"
	                >
	                  <text class="address" style="" >
	          			<image
	          			  style="width: 40rpx; height: 40rpx;vertical-align: middle;"
	          			  src="https://pic.bangbangtongcheng.com/static/bbcz/dingwei01.png"
	          			  mode=""
	          			>
	          			</image>
	          			{{ item.detailedAddress.slice(3, item.detailedAddress.length) }}
	          	    </text>
	                </view>
	                <view class="circle_bottom">
	              <!--    <view class="HousConditionCircle">
	                    <text @click.stop="byqauditMore(item)">更多</text>
	                    <image
	                      src="https://pic.bangbangtongcheng.com/static/bottom-small-arrow.png"
	                      class="bottom-small-arrow"
	                    ></image>
	                  </view> -->
	                  <view class="circle_left">
	                    <!-- {{item.createDate.split(" ")[0].split("-")[0]+"年"+item.createDate.split(" ")[0].split("-")[1]+"月"+item.createDate.split(" ")[0].split("-")[2]+"日 "+item.createDate.split(" ")[1]}} -->
	                    {{ $Time.getDateDiff(item.createDate) }}
	                  </view>
	                  <view class="circle_right" v-if="TabCur6 == 3"></view>
	                  <view class="circle_right" v-else>
	                    <view class="circle_right_item">
	                      <image
	                        class="image2"
	                        src="https://pic.bangbangtongcheng.com/static/bbcz/byq-liulan.png"
	                        mode=""
	                      >
	                      </image
	                      >{{ item.views }}
	                    </view>
	                    <view class="circle_right_item" @click.stop="dianzan(item, index, 1)">
	                      <image
	                        class="image3 circleImageIcon"
	                        src="https://pic.bangbangtongcheng.com/static/bbcz/byq-weidianzan.png"
	                        mode=""
	                        v-if="item.whetherThumbsUp != 1"
	                      ></image>
	                      <image
	                        class="image3 circleImageIcon"
	                        src="https://pic.bangbangtongcheng.com/static/bbcz/byq-dianzan.png"
	                        mode=""
	                        v-else
	                      ></image>
	                      {{ item.upThumb || 0 }}
	                    </view>
	                    <view class="circle_right_item" @click.stop="diancai(item, index, 2)">
	                      <image
	                        class="image3 circleImageIcon"
	                        style=""
	                        src="https://pic.bangbangtongcheng.com/static/bbcz/byq-weidiancai.png"
	                        mode=""
	                        v-if="item.whetherThumbsDown != 1"
	                      ></image>
	                      <image
	                        class="image3 circleImageIcon"
	                        style=""
	                        src="https://pic.bangbangtongcheng.com/static/bbcz/byq-yicai.png"
	                        mode=""
	                        v-else
	                      ></image>
	                      {{ item.downThumb || 0 }}
	                    </view>
	                    <!-- <view class="circle_right_item">
	          									<image class="image4" src="https://pic.bangbangtongcheng.com/static/bbcz/zf01.png"
	          										mode=""></image>{{item.forwardingVolume || 0}}
	          								</view> -->
	                  </view>
	                </view>
	              </view>
	        <view v-if="ss &&Recommend.length == 0" class="none">
	          <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
	          <view>没有更多数据了</view>
	        </view>
	        <view class="down" v-show="Recommend.length != 0 && !downStatus"> 没有更多了 </view>
	      </view>
	    </template>
	  </scroll-view>
    <uniBall></uniBall>
  
  </view>
</template>

<script>
import { mapGetters } from "vuex";
let statusBarHeight;
//#ifdef H5
import wxshare from "../utils/index.js";
statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 44;
//#endif
// #ifdef APP-PLUS
statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 44;
//  #endif
// #ifdef MP-WEIXIN
statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 88;
//  #endif
export default {
  data() {
    return {
      statusBarHeight,
      recordList: [],
      BuildingsInfo: [],
      WatchList: [],
      getShop: [],
      search: "",
      Recommend: [],
      pageSize: 10,
      pageNo: 1,
      totalPage: 0,
      orderSort: "1",
      scrollTop: "0",
      trigger: false,
      downStatus: true,
      upStatus: true,
      imgUrl: this.$imgSrc,
      keyword: "",
      ss: false,
      searchlogType: "",
      userQuery: "",
      loading: false,
      firstSearch: true,
    };
  },
  computed: {
    ...mapGetters(["userid", "islogin", "statusBarHeight1", "userinfo"]),
  },
  onLoad(options) {
    console.log(options, "1111111111111111111");
    if (options.searchlogType) {
      this.searchlogType = options.searchlogType;
    }
    if (options.userid) {
      this.userQuery = options.userid;
    }
    this.getrecord();
    /* #ifdef H5 */
    this.jinzhi();
    /* #endif */
  },
  async onPullDownRefresh() {
    this.Recommend = [];
    this.pageNo = 1;
    this.downStatus = true;
    if (this.upStatus) {
      this.trigger = true;
      await this.getRecommend();
    }
  },
  methods: {
    recordC(text) {
      this.search = text;
      this.searchList();
    },
    fanhui() {
      uni.navigateBack({
        delta: 1,
      });
    },
    back() {
      uni.navigateBack(-1);
    },
    details(item) {
      if (item.examine_status == 2) {
        uni.navigateTo({
          url: "/pages_houses/housing/used/houseDetails?id=" + item.id,
        });
      }
    },
    //楼盘
    detailss(id) {
      console.log("楼盘");
      uni.navigateTo({
        url: "/pages_houses/houses/housesDetails?id=" + id,
      });
    },
    //中介
    details2(id) {
      uni.navigateTo({
        url: "/pages_intermediary/shopDetails?id=" + id,
      });
    },
    //看点
    details3(id) {
      uni.navigateTo({
        url: "/pages_index/Watch/details?id=" + id,
      });
    },
	//招聘
	zpdetails(item) {
	  if (item.recruitmentType == 1) {
	    uni.navigateTo({
	      url: '/pages_recruitMoney/recruitmentDetails/fullTime?type=1&id=' + item.id,
	    })
	  } else {
	    uni.navigateTo({
	      url:
	        '/pages_recruitMoney/recruitmentDetails/concurrently?type=1&index=1&id=' + item.id,
	    })
	  }
	},
	//汽车
	details5(item) {
	 if (item.auditStatus == 1) {
	   if (item.vehicleType != 3) {
	     if (item.isShare == 1 || item.copyData == 1) {
	       uni.navigateTo({
	         url: '/pages_owner/index/vehicleDetails?id=' + item.id + '&type=2',
	       })
	     } else {
	       uni.navigateTo({
	         url: '/pages_owner/index/vehicleDetails?id=' + item.id + '&type=3',
	       })
	     }
	   } else {
	     uni.navigateTo({
	       url: '/pages_owner/index/carSeriesDetails?id=' + item.id,
	     })
	   }
	 } else {
	   if (item.vehicleType != 3) {
	     uni.navigateTo({
	       url: '/pages_owner/index/vehicleDetailsCopy?id=' + item.id,
	     })
	   } else {
	     uni.navigateTo({
	       url: '/pages_owner/index/carSeriesDetailsCopy?id=' + item.id,
	     })
	   }
	 }
	},
	//服务
	details6(item) {
		if (item.auditStatus == 1) {
			uni.navigateTo({
			  url: '/pages_owner/ownerService/servicesAvailableDetails?id=' + item.id,
			})
		 } else {
			uni.navigateTo({
			  url: '/pages_owner/ownerService/servicesAvailableDetailsCopy?id=' + item.id,
			}) 
		 }
	},
	byqdetails(item) {
       uni.navigateTo({
         url: '/pages_owner/my/friendsCircleDetails?id=' + item.id,
       })
      },
	  dianzan(item, index, pd) {
	    let data = {}
	    if (item.whetherThumbsUp != 1) {
	      data = {
	        userId: this.userQuery,
	        circleId: item.id,
	        type: pd,
	      }
	    } else {
	      data = {
	        userId: this.userQuery,
	        circleId: item.id,
	        id: item.likeRecord ? item.likeRecord.id : '',
	        type: pd,
	      }
	    }
	    if (this.waitting) return
	    this.waitting = true
	    this.$myRequest.post('/api/mobile/vehicleOwner/upperOrCancelThumb', data).then((res) => {
	      this.waitting = false
	      uni.showToast({
	        title: res.msg,
	        icon: 'none',
	        mask: true,
	      })
	      if (item.whetherThumbsUp == 0) {
	        // this.addIntegral(6, '点赞')
	      }
	      this.getCircleFriends()
	    })
	  },
	  diancai() {
	    let data = {}
	    if (item.whetherThumbsDown != 1) {
	      data = {
	        userId: this.userQuery,
	        circleId: item.id,
	        type: pd,
	      }
	    } else {
	      data = {
	        userId: this.userQuery,
	        circleId: item.id,
	        id: item.likeRecord ? item.likeRecord.id : '',
	        type: pd,
	      }
	    }
	    this.$myRequest.post('/api/mobile/vehicleOwner/downOrCancelThumb', data).then((res) => {
	      uni.showToast({
	        title: res.msg,
	        icon: 'none',
	        mask: true,
	      })
	      this.getCircleFriends()
	    })
	  },
    jinzhi() {
      let _this = this;
      let param = window.location.href.split("#")[0];
      uni.request({
        method: "post",
        data: {
          url: param,
        },
        header: {
          "content-type": "application/x-www-form-urlencoded",
        },
        url: "https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do",
        success(re) {
          _this.jinzhifx(re.data);
        },
      });
    },
    jinzhifx(data) {
      wxshare.config({
        debug: false, //是否打开调试
        appId: data.appId, // 公众号的唯一标识
        timestamp: data.timestamp, // 生成签名的时间戳
        nonceStr: data.nonce, // ，生成签名的随机串
        signature: data.signature, // 签名
        jsApiList: ["hideMenuItems"],
      });
      // 禁止分享
      wxshare.hideMenuItems({
        // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
        menuList: [
          "menuItem:share:appMessage",
          "menuItem:share:timeline",
          "menuItem:share:timeline",
          "menuItem:share:qq",
          "menuItem:favorite",
          "menuItem:share:QZone",
          "menuItem:openWithSafari",
        ],
      });
    },
    async searchList() {
      this.keyword = this.search;
      if (this.loading) return;
      let that = this;
      this.loading = true;
      setTimeout(() => {
        that.loading = false;
      }, 1000);
      this.pageNo = 1;
      if (!this.search == "") {
        this.$myRequest.post("/mob/home/saveSearchLog", {
          userId: this.userid,
          keyword: this.keyword,
          searchlogType: this.searchlogType,
        });
      }

      this.ss = true;
      this.downStatus = true;
      this.firstSearch = true;
      this.Recommend = [];
      if (this.searchlogType == 1) {
        //查询房源
        await this.getRecommend();
      } else if (this.searchlogType == 2) {
        //查询楼盘
        await this.getBuildingsInfo();
      } else if (this.searchlogType == 3) {
        //查询中介
        await this.getShopInfo();
      } else if (this.searchlogType == 4) {
        //查询中介
        await this.getWatch();
      } else if (this.searchlogType == 6) {
        //查询招聘
        await this.getMyRecruitment();
      } else if (this.searchlogType == 7) {
        //查询汽车
        await this.getVehicleInformation();
      }else if (this.searchlogType == 8) {
          await this.getServiceItem();
      }else if (this.searchlogType == 9) {
          await this.getCircleFriends();
        }
    },
    down() {
      if (this.downStatus) {
        if (this.searchlogType == 3 && this.totalPage <= this.pageNo) {
          /* 此处只针对中介的pages借口修改。其他的不动 */
          this.downStatus = false;
          return false;
        }
        this.pageNo++;
        if (this.searchlogType == 1) {
          //查询房源
          this.getRecommend();
        } else if (this.searchlogType == 2) {
          //查询楼盘
          this.getBuildingsInfo();
        } else if (this.searchlogType == 3) {
          //查询中介
          this.getShopInfo();
        } else if (this.searchlogType == 4) {
          //查询中介
          this.getWatch();
        } else if (this.searchlogType == 6) {
          this.getMyRecruitment();
        } else if (this.searchlogType == 7) {
          this.getVehicleInformation();
        }else if (this.searchlogType == 8) {
          this.getServiceItem();
        }else if (this.searchlogType == 9) {
          this.getCircleFriends();
        }
      }
    },
    async up() {
      this.Recommend = [];
      this.pageNo = 1;
      this.downStatus = true;
      if (this.upStatus) {
        this.trigger = true;
        if (this.searchlogType == 1) {
          //查询房源
          await this.getRecommend();
        } else if (this.searchlogType == 2) {
          //查询楼盘
          await this.getBuildingsInfo();
        } else if (this.searchlogType == 3) {
          //查询中介
          await this.getShopInfo();
        } else if (this.searchlogType == 4) {
          await this.getWatch();
        } else if (this.searchlogType == 6) {
          this.getMyRecruitment();
        } else if (this.searchlogType == 7) {
          this.getVehicleInformation();
        }else if (this.searchlogType == 8) {
          this.getServiceItem();
        }else if (this.searchlogType == 9) {
          this.getCircleFriends();
        }
      }
    },

    setTotalPage(count) {
      this.totalPage = Math.ceil(count / (this.pageNo * this.pageSize));
    },
    getBuildingsInfo() {
      this.$myRequest
        .get("/mob/user/getBuildingsInfo", {
          pageSize: this.pageSize,
          pageNo: this.pageNo,
          keyword: this.keyword,
          auditStatus: 2,
        })
        .then((res) => {
          console.log(res);
          if (!res.page.list.length) {
            this.downStatus = false;
          }
          if (res.page.count < this.pageNo * this.pageSize) {
            this.downStatus = false;
          }
          this.upStatus = true;
          this.trigger = false;
          res.page.list.forEach((el) => {
            if (el.showImg) {
              el.showImg = el.showImg.split("|")[0];
            }
          });
          console.log(this.Recommend);
          this.Recommend = this.Recommend.concat(res.page.list);
          this.firstSearch = false;
          uni.stopPullDownRefresh();
        });
    },
	getVehicleInformation() {
	  
	  this.$myRequest
	    .get('/api/mobile/vehicleOwner/getMyPostVehicleInformation', 
		{
			searchKeyword: this.keyword,
			publisherId: this.userQuery,
			pageNo: this.pageNo,
			pageSize: 10,
		})
	    .then((res) => {
	       res.vehicleInformation.pageList.forEach((item) => {
	       if (item.shelfStatus === '1') {
	         const createDate = new Date(item.shelfTime)
	         const today = new Date()
	         const timeDiff = today - createDate
	         const daysDiff = Math.floor(timeDiff / (1000 * 3600 * 24))
	         item.daysSinceCreateDate = daysDiff < 0 && 0 || daysDiff;
	        }
	      })
	       this.Recommend = this.Recommend.concat(res.vehicleInformation.pageList);
	       uni.stopPullDownRefresh();
	    })
	  return
	  } ,
	getServiceItem(){
		this.$myRequest
		  .get('/api/mobile/vehicleOwner/getMyOwnerService', {
			searchKeyword: this.keyword,
		    publisherId: this.userQuery,
		    pageNo: this.pageNo,
		    pageSize: 10
		  })
		  .then((res) => {
		    res.serviceItems.pageList.forEach((item) => {
		     if (item.shelfStatus === '1') {
		       const createDate = new Date(item.shelfTime)
		       const today = new Date()
		       const timeDiff = today - createDate
		       const daysDiff = Math.floor(timeDiff / (1000 * 3600 * 24))
		       item.daysSinceCreateDate = daysDiff < 0 && 0 || daysDiff;
		      }
		    })
		     this.Recommend = this.Recommend.concat(res.serviceItems.pageList);
		     uni.stopPullDownRefresh();
		  })
	},
	// 获取帮友圈
	getCircleFriends() {
	  let that = this
	   this.$myRequest
	     .get(
	       '/api/mobile/vehicleOwner/getMyReleaseHelpingFriendsCircle',
	       {searchKeyword: this.keyword,
	       publisherId: this.userQuery,
	       pageNo: this.pageNo,
	       pageSize: 10}
	     )
	     .then((res) => {
	       if (!res.helpingFriendsCircleList.pageList.length) {
	         that.downStatus = false
	       }
	       this.upStatus = true
	       this.trigger = false
	       res.helpingFriendsCircleList.pageList.forEach((item) => {
	         if (item.picture) {
	           let arr = item.picture.split('|')
	           let pictureArr = []
	           arr.forEach((el) => {
	             pictureArr.push(el)
	           })
	           item.pictureArr = pictureArr
	         }
	       })
	        this.Recommend = this.Recommend.concat( res.helpingFriendsCircleList.pageList);
	        			
	        uni.stopPullDownRefresh();
	     })
	   
	},
	getMyRecruitment(){
		this.$myRequest
		  .get('/api/mobile/personnelOwner/getMyPostRecruitment', {
			searchKeyword: this.keyword,
			userId: this.userQuery,
		    pageNo: this.pageNo,
		    pageSize: 10,
		  })
		  .then((res) => {
			  res.recruitment.pageList.forEach((item) => {
			    if (item.shelfStatus === '1') {
			      const createDate = new Date(item.shelfTime)
			      const today = new Date()
			      const timeDiff = today - createDate
			      const daysDiff = Math.floor(timeDiff / (1000 * 3600 * 24))
			      item.daysSinceCreateDate = daysDiff < 0 && 0 || daysDiff;
			    }
			  })
			this.Recommend = this.Recommend.concat( res.recruitment.pageList);
			
		   uni.stopPullDownRefresh();
		  })
	},
    getWatch() {
      this.$myRequest
        .get("/mob/home/getWatch", {
          pageSize: this.pageSize,
          pageNo: this.pageNo,
          auditStatus: 2,
          keyword: this.keyword,
        })
        .then((res) => {
          console.log(res);
          if (!res.list.length) {
            this.downStatus = false;
          }
          if (res.count < this.pageNo * this.pageSize) {
            this.downStatus = false;
          }
          this.upStatus = true;
          this.trigger = false;
          // res.list.forEach((el) => {
          //   if (el.showImg) {
          //     el.showImg = el.showImg.split("|")[0];
          //   }
          // });
          console.log(this.Recommend);
          this.Recommend = this.Recommend.concat(res.list);
          this.firstSearch = false;
          uni.stopPullDownRefresh();
        });
    },
    // 中介
    getShopInfo() {
      this.$myRequest
        .get("/mob/user/getShopInfo", {
          pageSize: this.pageSize,
          pageNo: this.pageNo,
          longitude: 30,
          latitude: 112,
          keyword: this.keyword,
          status: "1",
          shopType: "1",
        })
        .then((res) => {
          console.log(res);
          this.setTotalPage(res.page.count);
          if (!res.page.list.length) {
            this.downStatus = false;
          }
          this.upStatus = true;
          this.trigger = false;
          res.page.list.forEach((el) => {
            if (el.image) {
              el.image = el.image.split("|")[0];
            }
          });
          this.Recommend = this.Recommend.concat(res.page.list);
          this.firstSearch = false;
        });
    },
    getRecommend() {
      this.upStatus = false;
      if (this.userQuery) {
        this.$myRequest
          .get("/mob/home/getHouseInfo", {
            pageSize: this.pageSize,
            pageNo: this.pageNo,
            orderSort: this.orderSort,
            keyword: this.keyword,
            status: "0,1",
            userId: this.userQuery,
          })
          .then((res) => {
            if (!res.list.length) {
              this.downStatus = false;
            }
            if (res.count < this.pageNo * this.pageSize) {
              this.downStatus = false;
            }
            this.upStatus = true;
            this.trigger = false;
			res.list.forEach((item) => {
			  if (item.examine_status === '2') {
			    const createDate = new Date(item.shelfTime)
			    const today = new Date()
			    const timeDiff = today - createDate
			    const daysDiff = Math.floor(timeDiff / (1000 * 3600 * 24))
			    item.daysSinceCreateDate = daysDiff < 0 && 0 || daysDiff;
			  }
			  if (item.hasOwnProperty('FLOOR')) {
			    if (item.FLOOR.indexOf('|') != -1) {
			      item.floors = item.FLOOR.split('|')[0] + '层/共' + item.FLOOR.split('|')[1] + '层'
			    } else {
				  item.floors = ''
			    }
			  }
			})
            this.Recommend = this.Recommend.concat(res.list);
            this.firstSearch = false;
			
            uni.stopPullDownRefresh();
          });
        return;
      }
      this.$myRequest
        .get("/mob/home/getHouseInfo", {
          pageSize: this.pageSize,
          pageNo: this.pageNo,
          orderSort: this.orderSort,
          keyword: this.keyword,
          upStatus: 1,
          examineStatus: 2,
          isLz: "0",
        })
        .then((res) => {
          if (!res.list.length) {
            this.downStatus = false;
          }
          if (res.count < this.pageNo * this.pageSize) {
            this.downStatus = false;
          }
          // if (this.pageNo == 1 && !res.list.length) {
          //   this.downStatus = false;
          // }
          this.upStatus = true;
          this.trigger = false;
          res.list.forEach((el) => {
            if (el.house_image) {
              el.house_image = el.house_image.split("|")[0];
            }
          });
          this.Recommend = this.Recommend.concat(res.list);
          this.firstSearch = false;
          uni.stopPullDownRefresh();
          // this.userInfo = res.userInfo;
          // uni.setStorageSync("Pduser", res.userInfo);
        });
    },
    getrecord() {
      console.log("查询历史记录");
      this.$myRequest
        .get("/mob/home/getSearchLog", {
          userId: this.userid,
          pageNo: 1,
          pageSize: 20,
          searchlogType: this.searchlogType,
        })
        .then((res) => {
          this.recordList = res.list;
        });
    },
    delrecord() {
      let that = this;
      uni.showModal({
        title: "提示",
        content: "是否清除所有搜索记录？",
        showCancel: true,
        success: (res) => {
          if (res.confirm) {
            this.$myRequest
              .post("/mob/home/delSearchLog", {
                userId: this.userid,
              })
              .then((res) => {
                // this.recordList = res.list;
                uni.showToast({
                  title: "删除成功",
                  icon: "none",
                  mask: true,
                });
                that.getrecord();
              });
          }
        },
      });
    },
  },
};
</script>

<style lang="less" scoped>
.box {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  color: #333;
  max-height: 100vh;
}
.HousCondition {
  height: 80rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  .status {
    display: flex;
    align-items: center;
    .item {
      width: 96rpx;
      height: 48rpx;
      background: #ffffff;
      border-radius: 4rpx;
      border: 1px solid #64b6a8;
      margin-right: 10rpx;
      font-size: 24rpx;
      color: #64b6a8;
      text-align: center;
      line-height: 48rpx;
    }
  }
}
.tou {
  position: relative;
  width: 100%;
  // height: 88rpx;
  text-align: center;
  line-height: 88rpx;
  font-size: 36rpx;
  color: #fff;
  background-color: #64b6a8;

  image {
    position: absolute;
    width: 32rpx;
    height: 32rpx;
    // top: 116rpx;
    left: 30rpx;
  }
}

.sousuo {
  position: relative;
  width: 686rpx;
  height: 72rpx;
  margin-top: 30rpx;
  margin-left: 30rpx;
  border: 2rpx solid #64b6a8;
  border-radius: 36rpx;

  image {
    display: inline-block;
    width: 50rpx;
    height: 50rpx;
    margin-left: 20rpx;
    margin-top: 12rpx;
  }

  input {
    display: inline-block;
    width: 400rpx;
    height: 50rpx;
    line-height: 52rpx;
    margin-top: 12rpx;
    vertical-align: top;
    font-size: 28rpx;
  }

  .quxiao {
    position: absolute;
    top: 4rpx;
    right: 4rpx;
    width: 120rpx;
    height: 60rpx;
    line-height: 60rpx;
    color: #fff;
    text-align: center;
    background: #64b6a8;
    border-radius: 30rpx;
  }
}

.lishi {
  position: relative;
  width: 690rpx;
  // margin-left: 30rpx;
  // margin-top: 50rpx;

  image {
    position: absolute;
    width: 58rpx;
    height: 58rpx;
    right: 0;
  }
}

.list1 {
  width: 690rpx;
  // margin-left: 30rpx;
  margin-top: 32rpx;

  .li1 {
    display: inline-block;
    font-size: 26rpx;
    padding: 14rpx 26rpx;
    background-color: #f2f2f2;
    margin-right: 24rpx;
    margin-bottom: 24rpx;
    border-radius: 10rpx;
  }
}

.list {
  margin-top: 50rpx;
  margin-left: 30rpx;
  width: 720rpx;

  .tit {
    color: #333333;
    font-size: 36rpx;
    // margin-bottom: 24rpx;
    display: flex;
    justify-content: space-between;
    width: 690rpx;

    .tg {
      color: #64b6a8;
      display: flex;
      align-items: center;
      font-size: 28rpx;
      position: relative;

      .triangle {
        width: 0px;
        height: 0px;
        box-sizing: content-box;
        border-left: 8rpx solid transparent;
        border-right: 8rpx solid transparent;
        border-bottom: 15rpx solid #64b6a8;
        margin-left: 20rpx;
        transition: all 0.5s;
      }

      .fan {
        transition: all 0.5s;
        transform: rotate(180deg);
      }

      .kuang {
        position: absolute;
        left: -240rpx;
        top: 120%;
        background: #fff;
        // transform: translateY(-50%);
        width: 330rpx;
        padding: 0 30rpx;
        z-index: 20;
        box-shadow: 0 0 8rpx 4rpx rgba(0, 0, 0, 0.3);

        .item {
          height: 90rpx;
          line-height: 90rpx;
          border-bottom: 2rpx solid #e0e0e0;
        }

        .item:last-child {
          border-bottom: 0;
        }
      }
    }
  }
  .li2 {
    display: flex;
    align-items: center;
	
  }
  .li {
    width: 100%;
    padding-bottom: 30rpx;
    margin-bottom: 30rpx;

    image {
      width: 300rpx;
      height: 200rpx;
      border-radius: 20rpx;
    }

    .li_1 {
      position: relative;
      display: inline-block;
      vertical-align: top;
      margin-left: 24rpx;
      height: 110px;

      .tit {
        width: 366rpx;
        font-size: 34rpx;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1; //想要的行数
        -webkit-box-orient: vertical;
        min-height: 46rpx;
      }

      .jiedao {
        width: 366rpx;
        font-size: 24rpx;
        margin-bottom: 14rpx;
        color: #666666;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; //想要的行数
        -webkit-box-orient: vertical;
        min-height: 32rpx;
      }

      .shijian {
        bottom: 4rpx;
        font-size: 26rpx;

        .ycyc {
          display: inline-block;
          width: 20px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          // line-height: 12.5px;
        }
      }

      .authors {
        position: absolute !important;
      }
    }
    .li_2 {
      margin-left: 24rpx;
      height: 200rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      .tit {
        width: 366rpx;
        font-size: 36rpx;
        line-height: 44rpx;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; //想要的行数
        -webkit-box-orient: vertical;
        .tagLabel {
          vertical-align: top;
          background: #64b6a8;
          color: #fff;
          font-size: 24rpx;
          text-align: center;
          width: 106rpx;
          margin-right: 10rpx;
          padding: 4rpx 6rpx;
          border-radius: 4rpx;
        }
      }

      .neirong_1 {
        width: 366rpx;
        font-size: 24rpx;
        color: #666666;
        display: flex;
        align-items: center;
        .price {
          color: red;
          font-size: 30rpx;
          font-weight: 600;
        }
        .neir_css {
          flex: 1;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1; //想要的行数
          -webkit-box-orient: vertical;
        }
        .neir_css:nth-child(2n) {
          margin-left: 10rpx;
        }
        .neir_css:nth-child(2n-1) {
          margin-right: 10rpx;
        }
      }
    }

  }

  .li:last-child {
    border-bottom: 0rpx solid #e0e0e0;
  }
}

.down {
  height: 60rpx;
  line-height: 60rpx;
  // border-top: 2rpx solid #d0d0d0;
  text-align: center;
}

.none {
  text-align: center;

  image {
    width: 430rpx;
    margin-bottom: 16rpx;
  }

  view {
    height: 40rpx;
    line-height: 40rpx;
    color: #666;
  }
}
.fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
}


  .list1 {
    //padding: 30rpx 30rpx 0;
    width: 100%;
	margin: 0;
    padding: 0rpx 20rpx 20rpx;
    padding-top: 12rpx;
  }

  .list {
    // width: 100%;
    height: 100%;
	background-color: #F1F1F1;

    .tit {
      color: #333333;
      font-size: 36rpx;
      margin-bottom: 12rpx;
    }

    .li {
      border-radius: 20rpx;
      padding: 25rpx 20rpx;
      background: white;
      position: relative;
      //width: 100%;
      //padding-bottom: 18rpx;
      margin-bottom: 20rpx;

      //border-bottom: 1px solid #e0e0e0;
      .resume {
        width: 100%;

        .title {
          font-size: 28rpx;
          font-weight: 550;
          color: #333333;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
          margin-bottom: 16rpx;
        }

        .occupation {
          display: flex;
          align-items: center;
          margin-bottom: 16rpx;

          span {
            font-size: 24rpx;
            font-weight: 400;
            color: #333333;
            margin-right: 16rpx;
          }

          span:nth-last-child(1) {
            margin-right: 0;
          }
        }

        .hands-on {
          display: flex;
          align-items: center;
          margin-bottom: 16rpx;

          span {
            font-size: 24rpx;
            font-weight: 400;
            color: #888888;
          }
        }

        .individual {
          display: flex;
          align-items: center;
          justify-content: space-between;

          .individual_left {
            display: flex;
            align-items: center;

            .name {
              font-size: 24rpx;
              font-weight: 400;
              color: #333333;
              margin-right: 10rpx;
            }

            .vip-rank {
              padding: 3rpx 10rpx;
              margin: 0 18rpx 0 0;
              background: #f6f0ff;
              border-radius: 6rpx 6rpx 6rpx 6rpx;
              opacity: 1;
              border: 2rpx solid #bd90d9;
              font-size: 24rpx;
              font-weight: 500;
              color: #bd90d9;
            }
          }

          .individual_right {
            font-size: 24rpx;
            font-weight: 400;
            color: #888888;
          }
        }
      }

      .vacancy {
        width: 100%;

        // .vehicleRecom {
        // 	font-size: 36rpx;
        // 	font-weight: 600;
        // 	color: #333333;
        // 	line-height: 40rpx;
        // 	word-break: break-all;
        // 	overflow: hidden;
        // 	text-overflow: ellipsis;
        // 	display: -webkit-box;
        // 	-webkit-line-clamp: 2; //想要的行数
        // 	-webkit-box-orient: vertical;
        // 	position: relative;

        // 	.type-label {
        // 		width: 56rpx;
        // 		height: 40rpx;
        // 		line-height: 40rpx;
        // 		background: #64B6A8;
        // 		border-radius: 4rpx;
        // 		font-size: 20rpx;
        // 		color: #FFFFFF;
        // 		text-align: center;
        // 		// position: absolute;
        // 		// top: 2;
        // 		display: inline-block;
        // 		margin-right: 20rpx;

        // 	}

        // 	.title-left {
        // 		width: calc(100% - 80rpx);
        // 	}

        // 	.tagLabel {
        // 		vertical-align: top;
        // 		background: #64b6a8;
        // 		color: #fff;
        // 		font-size: 24rpx;
        // 		text-align: center;
        // 		width: 106rpx;
        // 		margin-right: 10rpx;
        // 		padding: 2rpx 6rpx;
        // 		border-radius: 4rpx;
        // 	}
        // }

        .vehicleRecom {
          font-size: 32rpx;
          font-weight: 600;
          color: #333333;
          line-height: 44rpx;
          word-break: break-all;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1; //想要的行数
          -webkit-box-orient: vertical;

          .tagLabel {
            width: 70rpx;
            height: 40rpx;
            background: #e7f5f4;
            border-radius: 4rpx;

            vertical-align: top;
            color: #0fa291;
            font-size: 24rpx;
            text-align: center;
            width: 106rpx;
            margin-right: 10rpx;
            padding: 8rpx 11rpx;
            border-radius: 4rpx;
          }
        }

        .vacancy_center {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 16rpx;

          .vacancy_status {
            span {
              font-size: 28rpx;
              font-weight: 400;
              color: #333333;
            }

            span:nth-child(1) {
              margin-right: 16rpx;
            }
          }

          .vacancy_price {
            font-size: 30rpx;
            font-weight: 550;
            color: #e00000;
          }
        }

        .vacancy_biaoq {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 16rpx;
          position: relative;

          .vacancy_label {
            flex: 1;
            height: 48rpx;
            position: relative;
            overflow: hidden;
            white-space: nowrap;

            .shade {
              position: absolute;
              right: 0;
              top: 0;
              width: 100rpx;
              height: 48rpx;
            }

            .label {
              display: inline-block;
              padding: 8rpx 15rpx;
              background: #f5f7f9;
              margin-right: 10rpx;
              font-weight: 400;
              font-size: 24rpx;
              color: #666666;
              border-radius: 4rpx;
            }

            .label:nth-last-child(1) {
              margin-right: 0rpx;
            }
          }

          .gend {
            image {
              width: 50rpx;
              height: 50rpx;
              top: 5rpx;
            }

            position: absolute;
            right: 0rpx;
          }
        }

        .personalInformation {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 28rpx;

          .personalInformation_left {
            display: flex;
            flex-direction: column;

            .personalInformation_image {
              width: 42rpx;
              height: 42rpx;
              border-radius: 42rpx;
              margin-right: 12rpx;
            }

            .GR {
              display: flex;
              align-items: center;

              .name {
                font-size: 24rpx;
                font-weight: 400;
                color: #333333;
              }
            }

            .GS {
              display: flex;
              align-items: center;

              .corporation {
                font-size: 24rpx;
                font-weight: 400;
                color: #333333;
              }
            }
          }

          .personalInformation_right {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;

            .personalInformation_Time {
              font-size: 24rpx;
              font-weight: 400;
              color: #888888;
              margin-bottom: 6rpx;
              text-align: right;
            }

            .personalInformation_distance {
              font-size: 24rpx;
              font-weight: 400;
              color: #888888;
              text-align: right;
            }
          }
        }
      }

      .li_3 {
        margin-left: 24rpx;

        .servicesAvailable {
          font-size: 32rpx;
          font-weight: 500;
          color: #64b6a8;
          margin-bottom: 20rpx;
        }

        .serviceContent {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }
      }

      .li_2 {
        margin-left: 24rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .vehicleRecom {
          font-size: 36rpx;
          font-weight: 600;
          color: #333333;
          line-height: 44rpx;

          .tagLabel {
            // vertical-align: top;
            // background: #64b6a8;
            // color: #fff;
            // font-size: 24rpx;
            // text-align: center;
            // width: 106rpx;
            // margin-right: 10rpx;
            // padding: 4rpx 6rpx;
            // border-radius: 4rpx;
          }
        }

        .price {
          font-size: 28rpx;
          font-weight: 600;
          color: #e00000;
        }
      }

      .biaoqian1 {
        position: absolute;
        width: 100rpx;
        height: 46rpx;
        font-size: 24rpx;
        font-weight: 600;
        line-height: 46rpx;
        color: #ffffff;
        z-index: 1;
        top: 0;
        text-align: center;
        background: #64b6a8;
        border-radius: 0px 0px 20rpx 0px;
      }

      .biaoqian2 {
        position: absolute;
        width: 100rpx;
        height: 46rpx;
        font-size: 24rpx;
        font-weight: 600;
        line-height: 46rpx;
        color: #ffffff;
        z-index: 1;
        top: 0;
        text-align: center;
        background: #999999;
        border-radius: 0px 0px 20rpx 0px;
      }

      .img1 {
        background-color: #f8f8f8;
        width: 230rpx;
        height: 172rpx;
      }

      .img2 {
        position: absolute;
        width: 300rpx;
        height: 200rpx;
      }

      .img3 {
        position: absolute;
        width: 230rpx;
        height: 172rpx;
      }

      .li_1 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 24rpx;

        .tit {
          width: 100%;
          font-size: 34rpx;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
        }

        .neirong_1 {
          // width: 366rpx;
          font-size: 24rpx;
          color: #666666;
          display: flex;
          align-items: center;

          .price {
            color: red;
            font-size: 30rpx;
            font-weight: 600;
          }

          .neir_css {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1; //想要的行数
            -webkit-box-orient: vertical;
          }

          .neir_css:nth-child(2n) {
            margin-left: 10rpx;
          }

          .neir_css:nth-child(2n-1) {
            margin-right: 10rpx;
          }
        }
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }
  }
  .cardImageIcon {
    width: 24rpx !important;
    height: 24rpx !important;
    margin-right: 6rpx !important;
  }



  .itemLabelShowPadding {
    margin-top: 20rpx;
    margin-bottom: 30rpx !important;
  }
  .tagLabel {
    width: 70rpx;
    height: 40rpx;
    background: #e7f5f4;
    border-radius: 4rpx;
  
    vertical-align: top;
    // background: #64b6a8;
    color: #0fa291;
    font-size: 24rpx;
    text-align: center;
    width: 106rpx;
    margin-right: 10rpx;
    padding: 8rpx 11rpx;
    border-radius: 4rpx;
  }

</style>
<style lang="scss">

	.scroll-view {
	  // width: 100%;
	  height: 100%;
	  margin: 0;
	  padding: 20rpx 20rpx;
	  
	
	  .tit {
	    color: #333333;
	    font-size: 36rpx;
	    margin-bottom: 12rpx;
	  }
	
	  .li {
	    border-radius: 20rpx;
	    padding: 20rpx 0;
	    background: white;
	    position: relative;
	    //width: 100%;
	    //padding-bottom: 18rpx;
	    margin: 20rpx;
	
	    //border-bottom: 1px solid #e0e0e0;
	    .resume {
	      width: 100%;
	
	      .title {
	        font-size: 28rpx;
	        font-weight: 550;
	        color: #333333;
	        overflow: hidden;
	        text-overflow: ellipsis;
	        display: -webkit-box;
	        -webkit-line-clamp: 2; //想要的行数
	        -webkit-box-orient: vertical;
	        margin-bottom: 16rpx;
	      }
	
	      .occupation {
	        display: flex;
	        align-items: center;
	        margin-bottom: 16rpx;
	
	        span {
	          font-size: 24rpx;
	          font-weight: 400;
	          color: #333333;
	          margin-right: 16rpx;
	        }
	
	        span:nth-last-child(1) {
	          margin-right: 0;
	        }
	      }
	
	      .hands-on {
	        display: flex;
	        align-items: center;
	        margin-bottom: 16rpx;
	
	        span {
	          font-size: 24rpx;
	          font-weight: 400;
	          color: #888888;
	        }
	      }
	
	      .individual {
	        display: flex;
	        align-items: center;
	        justify-content: space-between;
	
	        .individual_left {
	          display: flex;
	          align-items: center;
	
	          .name {
	            font-size: 24rpx;
	            font-weight: 400;
	            color: #333333;
	            margin-right: 10rpx;
	          }
	
	          .vip-rank {
	            padding: 3rpx 10rpx;
	            margin: 0 18rpx 0 0;
	            background: #f6f0ff;
	            border-radius: 6rpx 6rpx 6rpx 6rpx;
	            opacity: 1;
	            border: 2rpx solid #bd90d9;
	            font-size: 24rpx;
	            font-weight: 500;
	            color: #bd90d9;
	          }
	        }
	
	        .individual_right {
	          font-size: 24rpx;
	          font-weight: 400;
	          color: #888888;
	        }
	      }
	    }
	
	    .vacancy {
	      width: 100%;

	      // .vehicleRecom {
	      // 	font-size: 36rpx;
	      // 	font-weight: 600;
	      // 	color: #333333;
	      // 	line-height: 40rpx;
	      // 	word-break: break-all;
	      // 	overflow: hidden;
	      // 	text-overflow: ellipsis;
	      // 	display: -webkit-box;
	      // 	-webkit-line-clamp: 2; //想要的行数
	      // 	-webkit-box-orient: vertical;
	      // 	position: relative;
	
	      // 	.type-label {
	      // 		width: 56rpx;
	      // 		height: 40rpx;
	      // 		line-height: 40rpx;
	      // 		background: #64B6A8;
	      // 		border-radius: 4rpx;
	      // 		font-size: 20rpx;
	      // 		color: #FFFFFF;
	      // 		text-align: center;
	      // 		// position: absolute;
	      // 		// top: 2;
	      // 		display: inline-block;
	      // 		margin-right: 20rpx;
	
	      // 	}
	
	      // 	.title-left {
	      // 		width: calc(100% - 80rpx);
	      // 	}
	
	      // 	.tagLabel {
	      // 		vertical-align: top;
	      // 		background: #64b6a8;
	      // 		color: #fff;
	      // 		font-size: 24rpx;
	      // 		text-align: center;
	      // 		width: 106rpx;
	      // 		margin-right: 10rpx;
	      // 		padding: 2rpx 6rpx;
	      // 		border-radius: 4rpx;
	      // 	}
	      // }
	
	      .vehicleRecom {
	        font-size: 32rpx;
	        font-weight: 600;
	        color: #333333;
	        line-height: 44rpx;
	        word-break: break-all;
	        overflow: hidden;
	        text-overflow: ellipsis;
	        display: -webkit-box;
	        -webkit-line-clamp: 1; //想要的行数
	        -webkit-box-orient: vertical;
	
	        .tagLabel {
	          width: 70rpx;
	          height: 40rpx;
	          background: #e7f5f4;
	          border-radius: 4rpx;
	
	          vertical-align: top;
	          color: #0fa291;
	          font-size: 24rpx;
	          text-align: center;
	          width: 106rpx;
	          margin-right: 10rpx;
	          padding: 8rpx 11rpx;
	          border-radius: 4rpx;
	        }
	      }
	
	      .vacancy_center {
	        display: flex;
	        align-items: center;
	        justify-content: space-between;
	        margin-top: 16rpx;
	
	        .vacancy_status {
	          span {
	            font-size: 28rpx;
	            font-weight: 400;
	            color: #333333;
	          }
	
	          span:nth-child(1) {
	            margin-right: 16rpx;
	          }
	        }
	
	        .vacancy_price {
	          font-size: 30rpx;
	          font-weight: 550;
	          color: #e00000;
	        }
	      }
	
	      .vacancy_biaoq {
	        display: flex;
	        align-items: center;
	        justify-content: space-between;
	        margin-top: 16rpx;
	        position: relative;
	
	        .vacancy_label {
	          flex: 1;
	          height: 48rpx;
	          position: relative;
	          overflow: hidden;
	          white-space: nowrap;
	
	          .shade {
	            position: absolute;
	            right: 0;
	            top: 0;
	            width: 100rpx;
	            height: 48rpx;
	          }
	
	          .label {
	            display: inline-block;
	            padding: 8rpx 15rpx;
	            background: #f5f7f9;
	            margin-right: 10rpx;
	            font-weight: 400;
	            font-size: 24rpx;
	            color: #666666;
	            border-radius: 4rpx;
	          }
	
	          .label:nth-last-child(1) {
	            margin-right: 0rpx;
	          }
	        }
	
	        .gend {
	          image {
	            width: 50rpx;
	            height: 50rpx;
	            top: 5rpx;
	          }
	
	          position: absolute;
	          right: 0rpx;
	        }
	      }
	
	      .personalInformation {
	        display: flex;
	        align-items: center;
	        justify-content: space-between;
	        margin-top: 28rpx;
	
	        .personalInformation_left {
	          display: flex;
	          flex-direction: column;
	
	          .personalInformation_image {
	            width: 42rpx;
	            height: 42rpx;
	            border-radius: 42rpx;
	            margin-right: 12rpx;
	          }
	
	          .GR {
	            display: flex;
	            align-items: center;
	
	            .name {
	              font-size: 24rpx;
	              font-weight: 400;
	              color: #333333;
	            }
	          }
	
	          .GS {
	            display: flex;
	            align-items: center;
	
	            .corporation {
	              font-size: 24rpx;
	              font-weight: 400;
	              color: #333333;
	            }
	          }
	        }
	
	        .personalInformation_right {
	          display: flex;
	          flex-direction: column;
	          justify-content: flex-end;
	
	          .personalInformation_Time {
	            font-size: 24rpx;
	            font-weight: 400;
	            color: #888888;
	            margin-bottom: 6rpx;
	            text-align: right;
	          }
	
	          .personalInformation_distance {
	            font-size: 24rpx;
	            font-weight: 400;
	            color: #888888;
	            text-align: right;
	          }
	        }
	      }
	    }
	
	    .li_3 {
	      margin-left: 24rpx;
	
	      .servicesAvailable {
	        font-size: 32rpx;
	        font-weight: 500;
	        color: #64b6a8;
	        margin-bottom: 20rpx;
	      }
	
	      .serviceContent {
	        font-size: 24rpx;
	        font-weight: 400;
	        color: #333333;
	        display: -webkit-box;
	        -webkit-line-clamp: 3;
	        -webkit-box-orient: vertical;
	        overflow: hidden;
	      }
	    }
	
	    .li_2 {
	      margin-left: 24rpx;
	      display: flex;
	      flex-direction: column;
	      justify-content: space-between;
	
	      .vehicleRecom {
	        font-size: 36rpx;
	        font-weight: 600;
	        color: #333333;
	        line-height: 44rpx;
	
	        .tagLabel {
	          // vertical-align: top;
	          // background: #64b6a8;
	          // color: #fff;
	          // font-size: 24rpx;
	          // text-align: center;
	          // width: 106rpx;
	          // margin-right: 10rpx;
	          // padding: 4rpx 6rpx;
	          // border-radius: 4rpx;
	        }
	      }
	
	      .price {
	        font-size: 28rpx;
	        font-weight: 600;
	        color: #e00000;
	      }
	    }
	
	    .biaoqian1 {
	      position: absolute;
	      width: 100rpx;
	      height: 46rpx;
	      font-size: 24rpx;
	      font-weight: 600;
	      line-height: 46rpx;
	      color: #ffffff;
	      z-index: 1;
	      top: 0;
	      text-align: center;
	      background: #64b6a8;
	      border-radius: 0px 0px 20rpx 0px;
	    }
	
	    .biaoqian2 {
	      position: absolute;
	      width: 100rpx;
	      height: 46rpx;
	      font-size: 24rpx;
	      font-weight: 600;
	      line-height: 46rpx;
	      color: #ffffff;
	      z-index: 1;
	      top: 0;
	      text-align: center;
	      background: #999999;
	      border-radius: 0px 0px 20rpx 0px;
	    }
	
	    .img1 {
	      background-color: #f8f8f8;
	      width: 230rpx;
	      height: 172rpx;
	    }
	
	    .img2 {
	      position: absolute;
	      width: 300rpx;
	      height: 200rpx;
	    }
	
	    .img3 {
	      position: absolute;
	      width: 230rpx;
	      height: 172rpx;
	    }
	
	    .li_1 {
	      position: relative;
	      display: inline-block;
	      vertical-align: top;
	      margin-left: 24rpx;
	
	      .tit {
	        width: 100%;
	        font-size: 34rpx;
	        font-weight: 600;
	        overflow: hidden;
	        text-overflow: ellipsis;
	        display: -webkit-box;
	        -webkit-line-clamp: 2; //想要的行数
	        -webkit-box-orient: vertical;
	      }
	
	      .neirong_1 {
	        // width: 366rpx;
	        font-size: 24rpx;
	        color: #666666;
	        display: flex;
	        align-items: center;
	
	        .price {
	          color: red;
	          font-size: 30rpx;
	          font-weight: 600;
	        }
	
	        .neir_css {
	          flex: 1;
	          overflow: hidden;
	          text-overflow: ellipsis;
	          display: -webkit-box;
	          -webkit-line-clamp: 1; //想要的行数
	          -webkit-box-orient: vertical;
	        }
	
	        .neir_css:nth-child(2n) {
	          margin-left: 10rpx;
	        }
	
	        .neir_css:nth-child(2n-1) {
	          margin-right: 10rpx;
	        }
	      }
	    }
	  }
	
	  .li:last-child {
	    border-bottom: 0rpx solid #e0e0e0;
	  }
	}
	
	.view {
	  position: relative;
	  font-size: 26rpx;
	  border: 0;
	  color: #333333;
	  margin-right: 0;
	
	  image {
	    position: absolute;
	    width: 44rpx;
	    height: 24rpx;
	    top: 66rpx;
	    left: 50%;
	    transform: translateX(-50%);
	  }
	}
	
	.cur {
	  color: #64b6a8;
	  border: 0;
	  transform: scale(1.1);
	}
	
	/deep/uni-checkbox .uni-checkbox-input {
	  background-color: rgba(0, 0, 0, 0);
	  border: 2rpx solid #999;
	}
	
	/deep/uni-checkbox .wx-checkbox-input,
	/deep/uni-checkbox .uni-checkbox-input {
	  width: 48rpx;
	  height: 48rpx;
	}
	
	/deep/.uni-checkbox-input-checked {
	  background-color: #64b6a8 !important;
	  border: 2rpx solid #64b6a8 !important;
	}
	
	/deep/ uni-checkbox::before {
	  font-size: 40rpx;
	  margin-top: -14rpx;
	  right: 6rpx !important;
	}
	
	.down {
	  height: 60rpx;
	  line-height: 60rpx;
	  // border-top: 2rpx solid #d0d0d0;
	  text-align: center;
	}
	
	.none {
	  text-align: center;
	
	  image {
	    width: 430rpx;
	    margin-bottom: 16rpx;
	  }
	
	  view {
	    height: 40rpx;
	    line-height: 40rpx;
	    color: #666;
	  }
	}
	
	.cu-list {
	  padding-bottom: 98rpx;
	  background-color: #fff;
	
	  .buxian {
	    height: 80rpx;
	    display: flex;
	    align-items: center;
	    padding-left: 20rpx;
	  }
	
	  .tit {
	    position: relative;
	    width: 100%;
	    height: 80rpx;
	    text-align: center;
	    line-height: 80rpx;
	    font-size: 30rpx;
	    border-bottom: 2rpx solid #cccccc;
	
	    view {
	      position: absolute;
	      top: 0rpx;
	      left: 20rpx;
	      color: #999999;
	      font-size: 54rpx;
	      font-weight: 100;
	    }
	  }
	
	  .titlepp {
	    height: 100rpx;
	    line-height: 100rpx;
	    margin-left: 38rpx;
	    font-size: 28rpx;
	    font-weight: 400;
	    color: #333333;
	  }
	
	  .u-index-anchor {
	    font-size: 32rpx;
	    font-weight: 600;
	    color: #333333;
	    background-color: #f2f2f2 !important;
	  }
	
	  .list-cell {
	    display: flex;
	    box-sizing: border-box;
	    width: 90%;
	    padding: 10px 24rpx;
	    overflow: hidden;
	    color: #323233;
	    font-size: 14px;
	    line-height: 24px;
	    background-color: #fff;
	    justify-content: space-between;
	    align-items: center;
	
	    .list-cell-left {
	      display: flex;
	      align-items: center;
	
	      .list-cell-left-image {
	        width: 60rpx;
	        height: 60rpx;
	        margin-right: 17rpx;
	      }
	    }
	
	    .list-cell-right {
	      width: 40rpx;
	      height: 40rpx;
	    }
	  }
	
	  .vehicleBrand {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    height: 100rpx;
	
	    .vehicleBrand_image {
	      width: 100rpx;
	      height: 80rpx;
	    }
	
	    .vehicleBrand_span {
	      font-size: 40rpx;
	      font-weight: 400;
	      color: #333333;
	      margin-left: 5rpx;
	    }
	  }
	
	  .choiceCarSeries {
	    display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	    background-color: #f2f2f2;
	    margin-top: 30rpx;
	    padding: 20rpx 0;
	    padding-left: 40rpx;
	
	    .item {
	      // width: 120rpx;
	      padding: 10rpx 20rpx;
	      // height: 50rpx;
	      margin-bottom: 20rpx;
	      border: 1px solid #333;
	      font-size: 24rpx;
	      line-height: 50rpx;
	      margin-right: 20rpx;
	      display: flex;
	      align-items: center;
	
	      .choiceCarSeriesName {
	        max-width: 200rpx;
	        overflow: hidden;
	        white-space: nowrap;
	        text-overflow: ellipsis;
	        margin-right: 10rpx;
	      }
	
	      .close {
	        font-size: 42rpx;
	      }
	    }
	  }
	
	  .vehicleBrand-xzcx {
	    width: 100%;
	    height: 50rpx;
	    background-color: #f2f2f2;
	    line-height: 50rpx;
	    font-size: 32rpx;
	    font-weight: 600;
	    color: #333333;
	    padding-left: 40rpx;
	  }
	
	  .vehicleBrand_item {
	    display: flex;
	    align-items: center;
	    margin-bottom: 40rpx;
	
	    .vehicleBrand_item_image {
	      width: 142rpx;
	      height: 75rpx;
	      border-radius: 12rpx;
	      margin-left: 50rpx;
	    }
	
	    .vehicleBrand_item_span {
	      font-size: 30rpx;
	      font-weight: 500;
	      color: #6f6f6f;
	      margin-left: 30rpx;
	    }
	  }
	
	  .leibie {
	    margin-top: 40rpx;
	    font-size: 28rpx;
	    margin-left: 40rpx;
	
	    .list {
	      width: 100%;
	      margin-top: 24rpx;
	
	      .li {
	        display: inline-block;
	        text-align: center;
	        width: 154rpx;
	        height: 60rpx;
	        line-height: 60rpx;
	        background: #f2f2f2;
	        border-radius: 30rpx;
	        margin-right: 24rpx;
	        margin-bottom: 24rpx;
	      }
	
	      .xuan {
	        background: #64b6a8;
	        color: #fff;
	      }
	    }
	  }
	
	  .quyu {
	    margin-top: 40rpx;
	    font-size: 28rpx;
	    margin-left: 40rpx;
	
	    .list {
	      width: 100%;
	      margin-top: 24rpx;
	
	      .chooseCars {
	        width: 503rpx;
	        height: 60rpx;
	        background-color: #64b6a8;
	        border-radius: 12rpx;
	        border: 1px solid #64b6a8;
	        text-align: center;
	        line-height: 60rpx;
	        color: #fff;
	      }
	
	      .li {
	        display: inline-block;
	        text-align: center;
	        width: 154rpx;
	        height: 60rpx;
	        line-height: 60rpx;
	        background: #f2f2f2;
	        border-radius: 30rpx;
	        margin-right: 24rpx;
	        margin-bottom: 24rpx;
	      }
	
	      .xuan {
	        background: #64b6a8;
	        color: #fff;
	      }
	    }
	  }
	
	  .mianji {
	    margin-top: 40rpx;
	    font-size: 28rpx;
	    margin-left: 40rpx;
	    margin-right: 50rpx;
	
	    .list {
	      width: 100%;
	      margin-top: 24rpx;
	      display: flex;
	      justify-content: space-between;
	      flex-wrap: wrap;
	
	      .radio {
	        width: 50%;
	        display: flex;
	        align-items: center;
	        margin-bottom: 24rpx;
	
	        .radio_item {
	          width: 36rpx;
	          height: 36rpx;
	          border: 1px solid #333;
	          border-radius: 36rpx;
	          margin-right: 14rpx;
	
	          span {
	            font-size: 28rpx;
	            font-weight: 500;
	            color: #333333;
	          }
	        }
	
	        .radioxz {
	          border: 1px solid #64b6a8;
	          position: relative;
	        }
	
	        .radioxz::before {
	          content: '';
	          width: 24rpx;
	          height: 24rpx;
	          border-radius: 24rpx;
	          background-color: #64b6a8;
	          position: absolute;
	          top: 50%;
	          left: 50%;
	          transform: translate(-50%, -50%);
	        }
	      }
	    }
	
	    .customPrice {
	      display: flex;
	      align-items: center;
	
	      .input {
	        width: 88rpx;
	        height: 40rpx;
	        border-radius: 4rpx;
	        border: 1px solid #333333;
	        padding: 6rpx;
	        color: #64b6a8;
	        font-size: 24rpx;
	      }
	
	      .minimumPrice {
	        position: relative;
	      }
	
	      .ceilePrice {
	        position: relative;
	      }
	
	      .minimumPrice::after {
	        content: '最低价';
	        width: 100rpx;
	        font-size: 22rpx;
	        font-weight: 400;
	        color: #999999;
	        text-align: center;
	        position: absolute;
	        bottom: -34rpx;
	        left: 50%;
	        transform: translateX(-50%);
	      }
	
	      .ceilePrice::after {
	        content: '最高价';
	        width: 100rpx;
	        font-size: 22rpx;
	        font-weight: 400;
	        color: #999999;
	        text-align: center;
	        position: absolute;
	        bottom: -34rpx;
	        left: 50%;
	        transform: translateX(-50%);
	      }
	
	      .confirm {
	        width: 120rpx;
	        height: 58rpx;
	        background-color: #64b6a8;
	        border-radius: 4rpx;
	        text-align: center;
	        line-height: 58rpx;
	        color: #fff;
	        margin-left: 30rpx;
	      }
	    }
	  }
	}
	
	.circle {
	  // margin: 0 20rpx;
	
	  //margin-top: 30rpx;
	  .circle_item {
	    background: white;
	    width: 710rpx;
	    border-radius: 17rpx;
	    border: 1px solid #e5e5e5;
	    margin-bottom: 20rpx;
	
	    .mingpians {
	      margin: 30rpx;
	      //margin-left: 30rpx;
	      width: 650rpx;
	      // display: flex;
	      // justify-content: space-between;
	      // align-items: center;
	
	      .mingpians_left {
	        display: flex;
	        //margin-left: 30rpx;
	        justify-content: space-between;
	        height: 66rpx;
	        line-height: 66rpx;
	
	        .headPortrait {
	          width: 66rpx;
	          height: 66rpx;
	          position: relative;
	
	          .img1 {
	            width: 100%;
	            height: 100%;
	            border-radius: 50%;
	          }
	
	          .img2 {
	            position: absolute;
	            bottom: -14rpx;
	            left: 50%;
	            transform: translateX(-50%);
	            width: 100rpx;
	            height: 40rpx;
	            background-image: url('https://pic.bangbangtongcheng.com/static/bbcz/jpgw01.png');
	            background-size: 100% 120%;
	            font-size: 24rpx;
	            color: #fff;
	            text-align: center;
	            line-height: 40rpx;
	          }
	        }
	
	        .counselors {
	          // display: flex;
	          // flex-direction: column;
	          // justify-content: center;
	          margin-left: 23rpx;
	          //height: 130rpx;
	
	          .item {
	            margin: 0rpx 10rpx;
	
	            .image1 {
	              width: 28rpx;
	              height: 28rpx;
	            }
	          }
	
	          .counselors_top {
	            display: flex;
	            align-items: center;
	            //width: 500rpx;
	
	            .name {
	              // font-size: 36rpx;
	              // font-weight: 400;
	              // color: #333333;
	              font-weight: 500;
	              font-size: 32rpx;
	              color: #333333;
	            }
	
	            .attentions {
	              display: flex;
	              margin-left: 12rpx;
	              font-size: 28rpx;
	              font-weight: 400;
	              color: #333333;
	
	              .img4 {
	                width: 41rpx;
	                height: 41rpx;
	                margin-right: 4rpx;
	              }
	            }
	          }
	
	          .counselors_bottom {
	            display: flex;
	            font-size: 28rpx;
	            font-weight: 400;
	            color: #333333;
	
	            .img3 {
	              width: 31rpx;
	              height: 31rpx;
	              margin-left: 5rpx;
	            }
	          }
	        }
	      }
	
	      .mingpians_right {
	        margin-right: 32rpx;
	
	        .item {
	          display: flex;
	          flex-direction: column;
	          align-items: center;
	          justify-content: center;
	
	          .image1 {
	            width: 44rpx;
	            height: 44rpx;
	          }
	        }
	      }
	    }
	
	    .circle_center {
	      width: 630rpx;
	      height: 290rpx;
	      border-radius: 18rpx;
	      overflow: hidden;
	      margin: 0 auto;
	      margin-top: 24rpx;
	    }
	
	    .circle_center_wz {
	      margin: 0 30rpx;
	
	      //margin-top: 20rpx;
	      .circle_center_wz_text {
	        //margin-top: -30rpx;
	        // font-size: 32rpx;
	        // font-weight: 500;
	        // color: #333333;
	        // overflow: hidden;
	        // word-wrap: break-word;word-break: break-all;
	        // text-overflow: ellipsis;
	        // display: -webkit-box;
	        // -webkit-line-clamp: 3;
	        // -webkit-box-orient: vertical;
	      }
	
	      .circle_center_wz_img {
	        margin-top: 20rpx;
	
	        .circle_center_wz_imgss {
	          width: 630rpx;
	          height: 290rpx;
	          // border-radius: 18rpx;
	        }
	
	        .circle_center_wz_imgss_d {
	          display: flex;
	          align-items: center;
	          flex-wrap: wrap;
	
	          // justify-content: space-between;
	          .image {
	            width: 200rpx;
	            height: 200rpx;
	            /* margin-right: 10rpx; */
	            border-radius: 10rpx;
	            margin-right: 8rpx;
	            margin-bottom: 10rpx;
	          }
	        }
	
	        .circle_center_wz_imgss_ds {
	          display: flex;
	          align-items: center;
	          flex-wrap: wrap;
	
	          .image {
	            width: 200rpx;
	            height: 200rpx;
	            margin-right: 10rpx;
	            border-radius: 10rpx;
	            margin-bottom: 10rpx;
	          }
	        }
	
	        .circle_center_wz_img_vid {
	          /* max-width: 630rpx; */
	          /* max-height: 290rpx; */
	          position: relative;
	          display: inline-block;
	
	          image {
	            max-width: 550rpx;
	          }
	
	          .images {
	            width: 74rpx;
	            height: 74rpx;
	            position: absolute;
	            left: 50%;
	            top: 50%;
	            transform: translate(-50%, -50%);
	            max-width: 550rpx;
	          }
	        }
	      }
	    }
	
	    .circle_bottom {
	      margin-top: 30rpx;
	      margin-left: 30rpx;
	      margin-right: 20rpx;
	      margin-bottom: 30rpx;
	      display: flex;
	      justify-content: space-between;
	      align-items: center;
	    
	      .HousConditionCircle {
	        width: 116rpx;
	        height: 50rpx;
	        background: #f5f7f9;
	        border-radius: 6rpx;
	        border: 2rpx solid #ebebed;
	        font-weight: 400;
	        font-size: 24rpx;
	        color: #666666;
	        line-height: 50rpx;
	        text-align: center;
	        display: flex;
	        align-items: center;
	        justify-content: center;
	      }
	    
	      .circle_left {
	        font-size: 24rpx;
	        font-weight: 400;
	        color: #333333;
	      }
	    
	      .circle_right {
	        display: flex;
	        align-items: center;
	    
	        .circle_right_item {
	          display: flex;
	          align-items: center;
	          margin-right: 20rpx;
	          height: 37rpx;
	          color: #666666;
	    
	          .image2 {
	            width: 32rpx;
	            height: 30rpx;
	            margin-right: 4rpx;
	          }
	    
	          .image3 {
	            width: 32rpx;
	            height: 30rpx;
	            margin-right: 4rpx;
	          }
	    
	          .image4 {
	            width: 34rpx;
	            height: 34rpx;
	            margin-right: 4rpx;
	          }
	        }
	      }
	    }
	  }
	}
	
	.placeholder {
	  font-size: 26rpx;
	}
	.leftImgBox {
	  display: inline-block;
	  position: relative;
	
	  .shareImgLabel {
	    position: absolute;
	    display: block;
	
	    width: 88rpx;
	    height: 40rpx;
	    background: rgba(0, 0, 0, 0.5);
	    border-radius: 4rpx;
	    font-weight: 500;
	    font-size: 24rpx;
	    color: #ffffff;
	    text-align: center;
	    line-height: 40rpx;
	    bottom: 15rpx;
	    left: 15rpx;
	  }
	}
	.itemLabelCountDown {
	  position: absolute;
	  top: -12rpx;
	  left: -16rpx;
	  z-index: 99;
	  background-image: url(https://pic.bangbangtongcheng.com/static/MyPublic/countdown.png);
	  background-size: 100% 100%;
	  background-repeat: no-repeat;
	  width: 190rpx;
	  height: 54rpx;
	  line-height: 54rpx;
	  text-align: center;
	  font-size: 24rpx;
	  color: #4e260a;
	  font-weight: 500;
	}
	.itemLabel {
	  position: absolute;
	  top: -20rpx;
	  left: -8rpx;
	  z-index: 99;
	}
.li_1 {
    //background-color: red;
    .img1 {
      width: 229rpx;
      height: 172rpx;
      border-radius: 10rpx;
    }

    .tit {
      width: 366rpx;
      font-size: 32rpx;
      line-height: 44rpx;
      font-weight: 600;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1 !important; //想要的行数
      -webkit-box-orient: vertical;

      .tagLabel {
        width: 70rpx;
        height: 40rpx;
        background: #e7f5f4;
        border-radius: 4rpx;

        vertical-align: top;
        // background: #64b6a8;
        color: #0fa291;
        font-size: 24rpx;
        text-align: center;
        width: 106rpx;
        margin-right: 10rpx;
        padding: 8rpx 11rpx;
        border-radius: 4rpx;
      }
    }
  }
  .bottom-small-arrow {
    width: 20rpx;
    height: 10rpx;
    margin-left: 13rpx;
  }
</style>